import {createApp} from 'vue'
import {createPinia} from 'pinia'
import ArcoVue from '@arco-design/web-vue';
import '@arco-design/web-vue/dist/arco.css';
import "@/assets/base.css"
import "@/assets/theme.css"

import App from './App.vue'
import router from './router'
// 1. 引入 mitt，是一个函数
import mitt from 'mitt'

const app = createApp(App)

// 2. 调用 mitt
const Mit = mitt()
// 3. TypeScript注册
// 由于必须要拓展 ComponentCustomProperties 类型才能获得类型提示
declare module "vue" {
    export interface ComponentCustomProperties {
        $Bus: typeof Mit
    }
}

// 4. vue3 挂载全局 API
app.config.globalProperties.$Bus = Mit

app.use(createPinia())
app.use(router)
app.use(ArcoVue)

app.mount('#app')
